$(function () {
  // alert(1);
  // 4. 当我们点击了小li，此时不需要执行，页面滚动事件里面的li 的背景选择 添加 current
  // 节流阀
  var flag = true;
  //   1. 滚动到今日推荐模块，电梯导航显示出来。
  var toolTop = $(".recommend").offset().top;
  toggleTool();
  function toggleTool() {
    if ($(document).scrollTop() >= toolTop) {
      $(".fixedtool").fadeIn();
    } else {
      $(".fixedtool").fadeOut();
    }
  }
  $(window).scroll(function () {
    toggleTool();
    // 3. 页面滚动到某个内容区域，左侧电梯导航的小 li 相应添加或删除 current 类
    if (flag) {
      $(".floor .w").each(function (i, ele) {
        if ($(document).scrollTop() >= $(ele).offset().top) {
          //   console.log(i);
          $(".fixedtool li")
            .eq(i)
            .addClass("current")
            .siblings()
            .removeClass("current");
        }
      });
    }
  });

  //   2. 点击电梯导航页面可以滚动到相应的内容区域
  $(".fixedtool li").click(function () {
    flag = false;
    var index = $(this).index();
    // console.log(index);
    // 选出对应的索引号内容区的盒子，计算它的 offset() top 值
    var current = $(".floor .w").eq(index).offset().top;
    // console.log(current);
    // 页面动画滚动的效果
    $("body, html")
      .stop()
      .animate(
        {
          scrollTop: current,
        },
        function () {
          flag = true;
        }
      );
    // 点击了以后，当前小li，添加 current 类，兄弟移除 current
    $(this).addClass("current").siblings().removeClass();
  });
});
